<template>
  <div class="scaleDialog">
    <el-form>
      <div v-for="(item, count) in answerData" :key="count" class="item">
        <div class="top">
          <p class="title">{{ `第${count + 1}题: ` }}{{ item.subject }}</p>
        </div>

        <ul class="answer-list">
          <li v-for="(item1, index) of item.allAnswer.split('|')" :key="index">
            <el-radio v-model="item.selectAnswer" disabled :label="item1">{{
              item1
            }}</el-radio>
          </li>
        </ul>
      </div>
    </el-form>
  </div>
</template>

<script>
export default {
  props: ["answerData"],
  // components: { QuestionPreview },
  data() {
    return {
      item: {}
    };
  },
  created() {},
  methods: {}
};
</script>

<style lang="scss" scoped>
.scaleDialog {
  .item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px;
    .top {
      display: flex;
      justify-content: space-between;
    }
  }
  .answer-list {
    list-style: none;
  }
}
</style>
